<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Phoor'too, et pis c'est tout !</title>
<link rel="stylesheet" type="text/css" href="style/main.css" />
<script type="text/javascript" src="js/jquery.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    
<script src="nodejs/node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.min.js"></script>
<script src="js/loggedComputer.js" ></script>

<script type="text/javascript" src="js/phootop.js"></script>
<script type="text/javascript" src="js/img-tree.js"></script>


</head>
<body onload="init();" >
	<div id="top">
		<h1>Phooo'r too</h1>
		<p class="tips">Gestionnaire de photos en ligne</p>
	</div>
	<div id="nav">
	<h3>Mes images</h3>
		<div id="root"></div>
		<div class="btn" id="addFolder">Nouvel album</div>
		<div id="inputNameAlbum"></div>
		<div class="btn" id="deleteFolder">Supprimer</div>
		<div class="btn" id="playDiaporama">Diaporama</div>
	</div>
	<div id="diaporama">
			<div class="btn diaporama" id="stopDiaporama">STOP</div>
	</div>
	<div id="main">
		<h3>Visualisateur</h3>
		<div id="viewer">
			<p class="tips">Pour commencer, cliquez sur l'une de vos photos dans le menu de gauche =)</p>
		</div>
	</div>
</body>
</html>